<meta charset="utf-8">
<script src="../business/szyb/js/stamp.js"></script>
<div id="stampMain">
    <div class="stampMainContainer" v-show="isShow">
        <div class="subMenuWrap">
            <div class="conditionsWrap">
                <div>
                    <label>模式选择</label>
                    <select v-model="selectedModel" @change="changeMode()">
                        <option v-for="model in models" v-bind:value="model.key" v-text="model.name"></option>
                    </select>
                </div>
                <div>
                    <label>要素</label>
                    <select v-model="selectedEle" @change="changeEle()">
                        <option v-for="ele in eles" v-bind:value="ele.key" v-text="ele.name" ></option>
                    </select>
                </div>
                <div>
                    <label>区域选择</label>
                    <select v-model="selectArea" @change="changeArea()">
                        <option v-for="area in areas" v-bind:value="area.key" v-text="area.name" ></option>
                    </select>
                </div>
                <div>
                    <label>起报时间</label>
                    <div class="stamp-datepicker">
                        <div class="stamp-datePanel">
                            <input class="DateAgent" id="stamp-datePicker" data-options="{'format':'d-h', 'hType': 'H12'}" value="2019-10-22 08:00" />
                            <i class="btn-forward" @click="forward()"></i>
                            <i class="btn-backward" @click="backward()"></i>
                            <i class="btn-newest" @click="newest()"></i>
                        </div>
                    </div>

                </div>
                <div class="forecastAging">
                    <label>预报时效</label>
                    <select @change="changeStartTime($event)" v-model="agings.start">
                        <option v-for="startTime in startTimeList" v-bind:value="startTime" v-text="startTime"></option>
                    </select> --
                    <select @change="changeEndTime($event)" id="stampSelected" v-model="agings.end">
                        <option v-for="endTime,index in endTimeList" v-bind:value="endTime" v-text="endTime"></option>
                    </select>
                </div>
            </div>
        </div>
        <div class="stampContentWrap" id="stampMapMain">
            <div class="conditionsWrap">
                <span v-text="title"></span>
            </div>
            <div class="resultWrap">
                <div class="leftResult">
                    <div class="stampMapWrap">
                        <div :class="getStampMapBox(stampMapResult.url)" v-for="stampMapResult in stampMapResults" @click="opengBigImg(stampMapResult);">
                            <img :src="stampMapResult.url" v-if="stampMapResult.url" download="xxx.png">
                            <div class="stampMapTitle" v-text="stampMapResult.title"></div>
                            <img v-if="stampMapResult.url" :src="stampMapResult.url" class="stampMapBoxImg">
                        </div>
                    </div>
                </div>
                <div class="rightLegend">
                    <img :src="stampMapLegend">
                </div>
            </div>
        </div>
    </div>
</div>
<link type="text/css" rel="stylesheet" href="../business/szyb/css/stamp.css">